<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>开奖历史</title>
    <link rel="stylesheet" type="text/css" href="/Public/Home/css/aui.css" />
    <style type="text/css">
    .ball-c {
        display: inline-block;
        text-align: center;
        width: 22px;
        height: 22px;
        line-height: 23px;
        border-radius: 22px;
        color: #fff;
        font-style: normal;
        font-size: 16px;
        font-weight: normal;
    }

    .ball-c-xs {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
    }

    .numtitle {
        display: inline-block;
        text-align: center;
        width: 18px;
        height: 18px;
        line-height: 23px;
        border-radius: 22px;
        color: #e61300;
        font-style: normal;
        font-size: 14px;
        font-weight: normal;
    }

    .periodNums {

        background: #ffffff;
    }

    .pk10-ball-c1 {
        background: #fccf4e;
    }

    .pk10-ball-c2 {
        background: #638ff4;
    }

    .pk10-ball-c3 {
        background: #747a7a;
    }

    .pk10-ball-c4 {
        background: #ff8949;
    }

    .pk10-ball-c5 {
        background: #58d5d1;
    }

    .pk10-ball-c6 {
        background: #7363f6;
    }

    .pk10-ball-c7 {
        background: #d4d4d4;
    }

    .pk10-ball-c8 {
        background: #ff4649;
    }

    .pk10-ball-c9 {
        background: #de4669;
    }

    .pk10-ball-c10 {
        background: #72da6b;
    }
    </style>
</head>

<body>
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-list-in">
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    近15期开奖   <i class="numtitle ball-c-xs periodNums">冠</i><i class="numtitle ball-c-xs periodNums">亚</i><i class="numtitle ball-c-xs periodNums">季</i><i class="numtitle ball-c-xs periodNums">四</i><i class="numtitle ball-c-xs periodNums">五</i><i class="numtitle ball-c-xs periodNums">六</i><i class="numtitle ball-c-xs periodNums">七</i><i class="numtitle ball-c-xs periodNums">八</i><i class="numtitle ball-c-xs periodNums">九</i><i class="numtitle ball-c-xs periodNums">十</i>
                </div>
            </li>
            <?php if(is_array($list)): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        第<?php echo ($vo["periodnumber"]); ?>期
                            <?php
 $number = unserialize($vo['number']); ?>
                            <?php if(is_array($number)): $i = 0; $__LIST__ = $number;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$t): $mod = ($i % 2 );++$i;?><i class="ball-c ball-c-xs pk10-ball-c<?php echo ($t); ?>"><?php echo ($t); ?></i><?php endforeach; endif; else: echo "" ;endif; ?>
                    </div>
                </li><?php endforeach; endif; else: echo "" ;endif; ?>
        </ul>
    </div>
    <br/>
    <br/>
    <div id="demo"></div>
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item" tapmode>
        <a href="<?php echo U('Home/Index/index');?>">
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">玩法</div>
        </a>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <a href="<?php echo U('Home/Guess/index');?>">
        <i class="aui-iconfont aui-icon-star"></i>
        <div class="aui-bar-tab-label">竞猜</div></a>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <div class="aui-badge">10</div>
        <a href="<?php echo U('Home/Index/lottery');?>">
        <i class="aui-iconfont aui-icon-date"></i>
        <div class="aui-bar-tab-label">开奖历史</div>
        </a>
    </div>
    <div class="aui-bar-tab-item">
        <div class="aui-dot"></div>
        <a href="<?php echo U('Home/Index/user');?>">
        <i class="aui-iconfont aui-icon-my"></i>
        <div class="aui-bar-tab-label">我的</div>
        </a>
    </div>
</footer>
</body>
<script type="text/javascript" src="/Public/Home/script/api.js"></script>
<script type="text/javascript" src="/Public/Home/script/aui-tab.js"></script>
<script type="text/javascript">
apiready = function() {
    api.parseTapmode();
}
var tab = new auiTab({
    element: document.getElementById("tab"),
}, function(ret) {
    console.log(ret)
});
</script>
<script type="text/javascript">
apiready = function() {
    api.parseTapmode();
}
var tab = new auiTab({
    element: document.getElementById("footer")
}, function(ret) {
    // console.log(ret);
    // if(ret){
    //     document.getElementById("demo").textContent = ret.index;
    // }
});
</script>

</html>